<template>
	<div class="login">
		登陆页面
    <span>账户：13416136254</span>
    <span>账户：13416136253</span>
    <div class="column is-12">
        <label class="label">Email</label>
        <p class="control has-icon has-icon-right">
            <input name="email" v-model="email" v-validate.initial="'required|email'" :class="{'input': true, 'is-danger': errors.has('email') }" type="text" placeholder="Email">
            <i v-show="errors.has('email')" class="fa fa-warning"></i>
            <span v-show="errors.has('email')" class="help is-danger">{{ errors.first('email') }}</span>
        </p>
    </div>
    <input name="mobile" v-model="mobile"  v-validate="'required|mobile'" :class="{'input': true, 'is-danger': errors.has('mobile') }" type="text" placeholder="mobile">
    <span v-show="errors.has('mobile')" class="help is-danger">{{ errors.first('mobile') }}</span>
    <input type="password" v-model="pwd" placeholder="密码">
    <input type="button" @click="accountLogin" value="登录">
    <VFooter></VFooter>
	</div>
</template>
<script>
import {accountLogin} from '@/service/getData.js'
import VFooter from '../components/common/footer'
export default {
  name: 'login',
  data () {
    return {
      email: '',
      mobile: '',
      pwd: ''
    }
  },
  methods: {
    async accountLogin () {
      let result = await accountLogin(this.tel, this.pwd)
      console.log(result)
    }
  },
  created () {
  },
  components: {
    VFooter
  }
}
</script>
<style lang="scss" scoped>
</style>
